<template>
  <div id="app">
    <div class="container">
      <!-- 动态加载图像 -->
      <img v-for="image in images" :key="image.identifier"
           :src="image.style.url"
           :style="{
             top: `${image.style.position.y}px`,
             left: `${image.style.position.x}px`,
             width: `${image.style.position.w}px`,
             height: `${image.style.position.h}px`,
             transform: image.style.transformType,
             visibility: image.style.visible ? 'visible' : 'hidden'
           }">
      
      <!-- 显示文本 -->
      <div v-for="text in texts" :key="text.identifier" class="text"
           :style="{
             top: `${text.style.position.y}px`,
             left: `${text.style.position.x}px`,
             width: `${text.style.position.w}px`,
             height: `${text.style.position.h}px`,
             color: text.style.foreColor,
             textAlign: text.style.textAlign,
             fontSize: `${text.style.fontSize}px`,
             fontFamily: text.style.fontFamily,
             visibility: text.style.visible ? 'visible' : 'hidden'
           }">
        {{ text.style.text }}
      </div>

      <!-- 显示计时器 -->
      <div v-if="showTimer" class="timer"
           :style="{
             top: `${timer.style.position.y}px`,
             left: `${timer.style.position.x}px`,
             width: `${timer.style.position.w}px`,
             height: `${timer.style.position.h}px`
           }">
        {{ timer.name }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonData: {"name":"--","layer":{"backColor":"rgba(255, 255, 255, 1)","backgroundImage":"","widthHeightRatio":"","width":960,"height":600},"components":[{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":181,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/7bb41c77b0cb4bbbad21343bd4218844_20240909163420A001.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":181,"y":97}}},"identifier":"d8425d68-17db-9827-bef3-dc54be9cf000","name":"image0","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":281,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/6805ace09ee6468fa9ae06b3969fb8f3_20240909163422A002.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":281,"y":97}}},"identifier":"d9487627-eb9b-ba89-63c0-d4711e966b62","name":"image1","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":381,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/6805ace09ee6468fa9ae06b3969fb8f3_20240909163422A002.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":381,"y":97}}},"identifier":"1d6f90f0-80a8-5234-afea-8c6af8eee175","name":"image2","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":481,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/6805ace09ee6468fa9ae06b3969fb8f3_20240909163422A002.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":481,"y":97}}},"identifier":"f34635f8-3727-4e4f-54c9-ba621e7c5cf1","name":"image3","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":581,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/6805ace09ee6468fa9ae06b3969fb8f3_20240909163422A002.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":581,"y":97}}},"identifier":"2e6de68f-2263-0c76-36cb-d46ddd277627","name":"image5","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":681,"y":97,"w":100,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/09/09/b002e2b6e1864d6cb3fdc6a223a6f2a0_20240909163424A003.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":681,"y":97}}},"identifier":"e50ffd5c-8792-48ae-69ef-7af80145a675","name":"image6","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":521,"y":117,"w":90,"h":74},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/80962147bb6d4515bd014afdf876c148_20241002123742A001.gif","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":521,"y":117}}},"identifier":"af5e70e7-f67c-a663-ca6e-84bb88ac943b","name":"image7","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":281,"y":97,"w":40,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/风阀_20241002124401A003.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":281,"y":97}}},"identifier":"2c31f83d-34b2-ea51-df1e-b2cfac3952da","name":"image8","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":341,"y":97,"w":65,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/657da456fb614f30ae287d666bea7c9d_20241002124632A005.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":341,"y":97}}},"identifier":"4001bcb5-46eb-6b73-2dd8-bd46a5def6d5","name":"image9","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":431,"y":97,"w":42,"h":100},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/f131ffbc6ef14538b7176e9dbcb0e0d3_20241002124914A007.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":431,"y":97}}},"identifier":"1a27f799-2367-896b-bf1b-6ad8883665ad","name":"image10","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":489,"y":94,"w":26,"h":92},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/df09086f53244fd6b94aeaac32149eda_20241002130737A011.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":489,"y":94}}},"identifier":"3ababe5a-29c9-513c-023a-35f0e5d7c1ac","name":"image11","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":646,"y":85,"w":34,"h":102},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/02/10760eb4d76547039a9d7d2a8032d26e_20241002131526A015.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":646,"y":85}}},"identifier":"550d0227-9ac6-5236-bd8e-af85ca640818","name":"image12","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":94,"y":132,"w":100,"h":30},"backColor":"#ff000000","foreColor":"rgba(30, 144, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"新风","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":94,"y":132}}},"identifier":"4030dadb-9c9b-e01d-2aae-f067305ec845","name":"text12","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":769,"y":132,"w":100,"h":30},"backColor":"#ff000000","foreColor":"rgba(56, 245, 4, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"新风","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":769,"y":132}}},"identifier":"5116dca1-bae6-b892-32a6-bfbb043fdfbd","name":"text13","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":241,"y":71,"w":100,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"风阀已关","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":241,"y":71}},"boxShadowColor":"rgba(0, 0, 0, 0.73)"},"identifier":"297b82be-a80b-504c-cdc2-00a41d28bf1d","name":"text14","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":321,"y":72,"w":100,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"滤网","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":321,"y":72}}},"identifier":"9ed4eb31-216f-6638-0213-95ab68182a79","name":"text15","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":451,"y":76,"w":100,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"防冻","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":451,"y":76}}},"identifier":"36171278-37fd-8fa9-9568-830cf1cd70f8","name":"text16","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":610,"y":67,"w":124,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"送风温度30.0℃","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":610,"y":67}}},"identifier":"47801035-2b36-7679-99df-7052ad115009","name":"text17","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":541,"y":198,"w":56,"h":23},"backColor":"#ff000000","foreColor":"rgba(30, 144, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":2,"waterBorderColor":"rgba(30, 144, 255, 1)","text":"手动","textAlign":"center","fontSize":14,"fontFamily":"Arial","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":541,"y":195}}},"identifier":"9221ed66-31a5-c575-c90b-6fcfc3e962fd","name":"text18","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":475,"y":230,"w":68,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"风机频率","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":475,"y":230}}},"identifier":"838173da-e9a2-4ef5-cacd-66b7438783a1","name":"text19","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":541,"y":232,"w":56,"h":23},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":2,"waterBorderColor":"rgba(255, 255, 255, 1)","text":"1.0 HZ","textAlign":"center","fontSize":14,"fontFamily":"Arial","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":541,"y":232}}},"identifier":"5be81c7f-238f-9734-a8a4-3920c879c790","name":"text20","identifiers":[]},{"type":"flow-bar-dynamic","componentShow":["参数绑定","组件颜色","水流"],"action":[],"dataBind":{"serialNumber":"","identifier":"","modelValue":""},"dataAction":{"direction":"","paramJudge":"","paramJudgeData":"","direction01":"","paramJudge01":"","paramJudgeData01":""},"style":{"position":{"x":393,"y":220,"w":129,"h":50},"backColor":"rgba(0, 206, 209, 1)","zIndex":1,"transform":-90,"transformType":"rotate(-90deg)","foreColor":"red","lineHeight":10,"direction":"水平","animations":"正向","speed":"慢","lineWidth":15,"lineInterval":20,"lineType":"矩形","anchorPointNum":3,"spotPoints":[{"x":20,"y":20},{"x":70,"y":20},{"x":120,"y":20}],"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":393,"y":220}}},"identifier":"1e34e809-a522-59d7-9f3f-140f9d854638","name":"flow-bar-dynamic21"},{"type":"flow-bar-dynamic","componentShow":["参数绑定","组件颜色","水流"],"action":[],"dataBind":{"serialNumber":"","identifier":"","modelValue":""},"dataAction":{"direction":"","paramJudge":"","paramJudgeData":"","direction01":"","paramJudge01":"","paramJudgeData01":""},"style":{"position":{"x":378,"y":220,"w":129,"h":50},"backColor":"rgba(0, 206, 209, 1)","zIndex":1,"transform":-90,"transformType":"rotate(-90deg)","foreColor":"red","lineHeight":10,"direction":"水平","animations":"反向","speed":"慢","lineWidth":15,"lineInterval":20,"lineType":"矩形","anchorPointNum":3,"spotPoints":[{"x":20,"y":20},{"x":70,"y":20},{"x":120,"y":20}],"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":178,"y":220}}},"identifier":"a929c36f-b5c8-1c57-7efb-5dce1b0eaafd","name":"flow-bar-dynamic22","identifiers":["a929c36f-b5c8-1c57-7efb-5dce1b0eaafd"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":399,"y":210,"w":36,"h":56},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":270,"url":"/dev-api/profile/upload/2024/10/08/250de0dbf95743b9afff5ee4411fea72_20241008102734A007.png","transformType":"rotate(270deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":399,"y":210}}},"identifier":"31f4145a-777c-f148-2484-08be90663a6f","name":"image23"},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":259,"y":222,"w":68,"h":29},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"水阀开度","textAlign":"center","fontSize":14,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":259,"y":222}}},"identifier":"95806dc2-c090-0674-e65d-d73a49562200","name":"text24","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":325,"y":224,"w":56,"h":23},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":2,"waterBorderColor":"rgba(255, 255, 255, 1)","text":"0.0%","textAlign":"center","fontSize":14,"fontFamily":"Arial","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":325,"y":224}}},"identifier":"22512c78-0ac2-6438-84a4-287b7f03e173","name":"text25","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":45,"y":340,"w":405,"h":220},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/a86ed-8m5bu_20241008103823A011.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":45,"y":340}}},"identifier":"55a2beb9-c97d-0c92-ce4f-bf9ade8b2ec6","name":"image26"},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":500,"y":340,"w":405,"h":220},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/a86ed-8m5bu_20241008103823A011.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":500,"y":340}}},"identifier":"f02d69be-40f4-4778-2906-c6555c048bcc","name":"image27","identifiers":["f02d69be-40f4-4778-2906-c6555c048bcc"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":63,"y":312,"w":80,"h":30},"backColor":"#ff000000","foreColor":"#FFFFFF","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"系统设置","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":63,"y":312}}},"identifier":"3520d097-6607-aa09-0562-72331201f7a0","name":"text28","identifiers":["3520d097-6607-aa09-0562-72331201f7a0"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":515,"y":312,"w":84,"h":30},"backColor":"#ff000000","foreColor":"#FFFFFF","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"手动控制","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":515,"y":312}}},"identifier":"026c2bfb-8b8d-d914-b510-bd197e30e063","name":"text30","identifiers":["026c2bfb-8b8d-d914-b510-bd197e30e063"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":65,"y":362,"w":158,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":65,"y":362}}},"identifier":"83c810f7-c14a-6e6a-d561-cf75c4785489","name":"image30"},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":65,"y":424,"w":158,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":65,"y":124}}},"identifier":"5aef7466-5a27-0305-17a6-dd9560e9bbd4","name":"image31","identifiers":["5aef7466-5a27-0305-17a6-dd9560e9bbd4"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":234,"y":362,"w":198,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":234,"y":362}}},"identifier":"2f52659c-5824-a07f-ef5c-dad5d8f76791","name":"image32","identifiers":["2f52659c-5824-a07f-ef5c-dad5d8f76791"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":234,"y":424,"w":198,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":232,"y":424}}},"identifier":"58db8507-e1ae-2d96-29e9-677639221808","name":"image33","identifiers":["58db8507-e1ae-2d96-29e9-677639221808"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":234,"y":485,"w":198,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":234,"y":485}}},"identifier":"72576ec1-5bd2-e23e-c0f0-d1ad1412118c","name":"image34","identifiers":["72576ec1-5bd2-e23e-c0f0-d1ad1412118c"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":520,"y":362,"w":158,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":520,"y":362}}},"identifier":"60b58eb9-dcfb-360e-fcca-2574549e15ef","name":"image35","identifiers":["60b58eb9-dcfb-360e-fcca-2574549e15ef"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":690,"y":362,"w":198,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":690,"y":362}}},"identifier":"75a43d07-20b4-7262-ed5c-53be97209c0f","name":"image36","identifiers":["75a43d07-20b4-7262-ed5c-53be97209c0f"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":520,"y":424,"w":158,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":520,"y":424}}},"identifier":"0a707718-5696-964c-c024-7a404183d8f6","name":"image37","identifiers":[]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":690,"y":424,"w":198,"h":54},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/cc450d5fc2a747a8b438aac0bf638b03_20241008104250A012.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":690,"y":424}}},"identifier":"71c1d2bc-94f0-b327-db37-37c3bb8910eb","name":"image38","identifiers":[]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":68,"y":380,"w":78,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"机组启停","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":68,"y":374}}},"identifier":"853f4491-f963-cdcd-29e5-ce1f7dadb8d4","name":"text39","identifiers":["853f4491-f963-cdcd-29e5-ce1f7dadb8d4"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":68,"y":440,"w":78,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"模式设定","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":68,"y":441}}},"identifier":"187deab8-904d-351c-1e15-76d8d3d06450","name":"text40","identifiers":["187deab8-904d-351c-1e15-76d8d3d06450"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":240,"y":380,"w":102,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"送风温度设定","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":240,"y":374}}},"identifier":"b3e5177c-edd8-0a26-d0ef-0db432011206","name":"text41","identifiers":["b3e5177c-edd8-0a26-d0ef-0db432011206"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":240,"y":441,"w":102,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"机组运行时间","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":240,"y":441}}},"identifier":"268ba672-f354-dc36-8859-9d8e9b707076","name":"text42","identifiers":["268ba672-f354-dc36-8859-9d8e9b707076"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":240,"y":500,"w":102,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"运行时间复位","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":240,"y":500}}},"identifier":"2c4f64af-8ed0-f175-761b-417822a9d008","name":"text43","identifiers":["2c4f64af-8ed0-f175-761b-417822a9d008"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":522,"y":380,"w":78,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"风机启停","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":522,"y":374}}},"identifier":"d68ecffe-3c6f-d18d-41fa-37668434571d","name":"text44","identifiers":["d68ecffe-3c6f-d18d-41fa-37668434571d"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":522,"y":441,"w":78,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"风阀控制","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":522,"y":435}}},"identifier":"8b29796d-5c61-cc0e-a145-a7c74d590604","name":"text45","identifiers":["8b29796d-5c61-cc0e-a145-a7c74d590604"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":700,"y":441,"w":102,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"水阀开度设定","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":700,"y":435}}},"identifier":"6ed3874f-1a25-2aba-ad7c-248ebea03813","name":"text46","identifiers":["6ed3874f-1a25-2aba-ad7c-248ebea03813"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":701,"y":380,"w":102,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"风机频率设定","textAlign":"center","fontSize":16,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":701,"y":374}}},"identifier":"ae2739c8-c42c-0b27-cb93-88b37058d6ba","name":"text47","identifiers":["ae2739c8-c42c-0b27-cb93-88b37058d6ba"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":160,"y":440,"w":63,"h":30},"backColor":"#ff000000","foreColor":"rgba(30, 144, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"制冷","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":160,"y":435}}},"identifier":"61250ecb-0175-dc9b-cd5a-12641995ce9f","name":"text48","identifiers":["61250ecb-0175-dc9b-cd5a-12641995ce9f"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":365,"y":380,"w":65,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"0.0℃","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":365,"y":374}}},"identifier":"237c44ff-17e4-babd-29bc-101dd8e7462d","name":"text49","identifiers":["237c44ff-17e4-babd-29bc-101dd8e7462d"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":817,"y":380,"w":65,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"0.0 HZ","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":817,"y":374}}},"identifier":"cdb39b1a-84de-fc76-5145-2fa17e3b73d1","name":"text50","identifiers":["cdb39b1a-84de-fc76-5145-2fa17e3b73d1"]},{"type":"text","componentShow":["单击","组件颜色","动画"],"action":[],"dataBind":{"djAction":false,"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":""},"dataAction":{"xyAction":false,"xzAction":false,"ssAction":false,"hdAction":false,"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":834,"y":440,"w":53,"h":30},"backColor":"#ff000000","foreColor":"rgba(255, 255, 255, 1)","zIndex":1,"transform":0,"transformType":"rotate(0deg)","waterBorderWidth":1,"waterBorderColor":"rgba(255, 255, 255, 0)","text":"0.%","textAlign":"center","fontSize":18,"fontFamily":"微软雅黑","visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":834,"y":435}}},"identifier":"b64a43a5-c0dc-e35c-8626-ae8a63c6746e","name":"text51","identifiers":["b64a43a5-c0dc-e35c-8626-ae8a63c6746e"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":155,"y":380,"w":55,"h":24},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/open_20241008113633A028.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":155,"y":380}}},"identifier":"df0591a5-5984-1502-6705-aead646eba79","name":"image52"},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":610,"y":380,"w":55,"h":24},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/open_20241008113633A028.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":610,"y":380}}},"identifier":"3570bf26-b1f2-3812-abb7-64c9bf5cfcef","name":"image53","identifiers":["3570bf26-b1f2-3812-abb7-64c9bf5cfcef"]},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":610,"y":440,"w":55,"h":24},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/close_20241008113619A027.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":610,"y":441}}},"identifier":"d83268c2-2ce7-cfa6-26f3-3dcb67f578a7","name":"image54"},{"type":"image","componentShow":["动画","单击","组件颜色","滤镜渲染","组件填充","参数绑定"],"action":[],"hdClassName":"","dataBind":{"action":"","productId":"","serialNumber":"","identifier":"","modelName":"","modelValue":"","redirectUrl":"","stateList":[]},"dataAction":{"serialNumber":"","identifier":"","modelName":"","paramJudge":"","paramJudgeData":"","rotationSpeed":"中","translateList":[]},"style":{"position":{"x":391,"y":498,"w":30,"h":30},"backColor":"rgba(255, 255, 255, 0)","foreColor":"","zIndex":1,"transform":0,"url":"/dev-api/profile/upload/2024/10/08/7b3ac9bfc8234605858a7dcdda8b26a0_20241008134453A035.png","transformType":"rotate(0deg)","isFilter":true,"visible":true,"borderWidth":0,"borderStyle":"solid","borderColor":"#ccccccff","temp":{"position":{"x":391,"y":498}}},"identifier":"b3b97a36-4656-8b05-a1b9-02e3fbb604e2","name":"image55"}]},
      images: [],
      texts: [],
      showTimer: false,
      timer: {}
    };
  },
  mounted() {
    this.images = this.jsonData.components.filter(comp => comp.type === 'image');
    this.texts = this.jsonData.components.filter(comp => comp.type === 'text');
    this.timer = this.jsonData.components.find(comp => comp.type === 'timer');
    if (this.timer) {
      this.showTimer = true;
    }
  }
};
</script>

<style scoped>
.container {
  position: relative;
  width: 960px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.01);
  border: 1px solid #ccc;
  overflow: auto;
}
img {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  transition: all 0.3s ease;
}
.text {
  position: absolute;
}
.timer {
  position: absolute;
  top: 0;
  left: 0;
  color: #00CED1;
  text-align: center;
  font-size: 30px;
  font-family: Arial;
}
</style>